<!--
 * @Description:
 * @version:
 * @Author: 娃哈哈
 * @Date: 2024-12-18 20:58:23
-->
<template>
    <div class="box">
        <bgBox @click="showPopupFun">
            <sectionTitle title="问题趋势" />
            <div class="content">
                <lineEcharts />
            </div>
        </bgBox>
    </div>
</template>

<script setup lang="ts">
import bgBox from '../components/bgBox.vue'
import sectionTitle from '../components/sectionTitle.vue'
import lineEcharts from '../components/lineEcharts.vue'
import { inject } from 'vue'
import { PopupType } from '../../index.d'

const showPopup = inject('showPopup') as (data: PopupType) => void;;
const showPopupFun = () => {
    showPopup({ type: 8, show: true, isCenterLong: true, container:false })
}
</script>

<style scoped lang="less">
.box {
    height: 240px;
}
.content{
    height: 200px;
}

</style>